<template>
  <div>
    <canvas ref="canvasRef" width='1024' height='720' style='border: 1px solid'></canvas>
  </div>
</template>

<script setup>
import {onMounted, ref} from "vue";
import {LGraph, LGraphCanvas, LiteGraph} from "litegraph.js";
import demo from "./demo.json"

console.log(demo)
const canvasRef = ref(null)


onMounted(() => {
  let graph = new LGraph();
  let canvas = new LGraphCanvas(canvasRef.value, graph);
  graph.configure(demo)
  // graph.start()
})
</script>